let li = document.querySelectorAll('li');
let img = document.querySelectorAll('img');
li[0].addEventListener('mouseenter', () => {
    img[2].style.display = 'block';
});
li[0].addEventListener('mouseleave', () => {
    img[2].style.display = 'none';
});
li[1].addEventListener('mouseenter', () => {
    img[3].style.display = 'block';
});
li[1].addEventListener('mouseleave', () => {
    img[3].style.display = 'none';
});
li[2].addEventListener('mouseenter', () => {
    img[4].style.display = 'block';
});
li[2].addEventListener('mouseleave', () => {
    img[4].style.display = 'none';
});
li[3].addEventListener('mouseenter', () => {
    img[5].style.display = 'block';
});
li[3].addEventListener('mouseleave', () => {
    img[5].style.display = 'none';
});
li[4].addEventListener('mouseenter', () => {
    img[6].style.display = 'block';
});
li[4].addEventListener('mouseleave', () => {
    img[6].style.display = 'none';
});
li[5].addEventListener('mouseenter', () => {
    img[7].style.display = 'block';
});
li[5].addEventListener('mouseleave', () => {
    img[7].style.display = 'none';
});
li[6].addEventListener('mouseenter', () => {
    img[8].style.display = 'block';
});
li[6].addEventListener('mouseleave', () => {
    img[8].style.display = 'none';
});
